.portrait-blur, .portrait-blur:before {
	stateInitial(1, visible);
}

.portrait-blur:before {
	@extend .befores; 
	box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.5); 
	setAnimation(portraitBlur 1 0.6s ease-out);
}

/* PORTRAIT BLUR */
@-webkit-keyframes portraitBlur {
	0% {
		box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5);
		width: 100%;
		height: 74%; 
		top: 0;
		left: 0;
	}
	100% {
		box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.5);
		width: 92%;
		height: 64%; 
		top: 9px;
		left: 9px;
	}
}
@-moz-keyframes portraitBlur {
	0% {
		box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5);
		width: 100%;
		height: 74%; 
		top: 0;
		left: 0;
	}
	100% {
		box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.5);
		width: 92%;
		height: 64%; 
		top: 9px;
		left: 9px;
	}
}
@-ms-keyframes portraitBlur {
	0% {
		box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5);
		width: 100%;
		height: 74%; 
		top: 0;
		left: 0;
	}
	100% {
		box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.5);
		width: 92%;
		height: 64%; 
		top: 9px;
		left: 9px;
	}
}
@-o-keyframes portraitBlur {
	0% {
		box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5);
		width: 100%;
		height: 74%; 
		top: 0;
		left: 0;
	}
	100% {
		box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.5);
		width: 92%;
		height: 64%; 
		top: 9px;
		left: 9px;
	}
}
keyframes portraitBlur {
	0% {
		box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5);
		width: 100%;
		height: 74%; 
		top: 0;
		left: 0;
	}
	100% {
		box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.5);
		width: 92%;
		height: 64%; 
		top: 9px;
		left: 9px;
	}
}
